<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="sb">只因你太美</div>
    <div class="sb">鸡你太美</div>
    <div id="zz">迎面走来的你让我蠢蠢欲动</div>
    <p>再看一眼就会爆炸</p>
    <button class="kk">你干嘛</button>
</body>
</html>
<script>
    // // 获取标签名
    // var pp= document.getElementsByTagName('p')
    // console.log(pp);
    // //获取类名
    // var qq=document.getElementsByClassName('sb')
    // console.log(qq);
    // //获取id名
    // var zz=document.getElementById('zz1')
    // console.log(zz);

    // var abc=document.querySelector('.sb1')
    // console.log(abc);
    // var arr=document.querySelectorAll('sb')
    // console.log(arr);
    var sb1=document.querySelector('.sb');
    sb1.onclick=function(){
        alert('鸡你太美')
        
    }
    
</script>